var $table = $("#area_table");
$(function(){
    $.get("/role/list",function (data) {
        var role = JSON.parse(data);
        var html = "";
        for(var i=0;i<role.length;i++){
            html=html+'<option value="'+role[i].id+'">'+role[i].descr+'</option>';
        }
        $("#role4add").append(html);

    });
    $.get("/company/list",function (data) {
        var  company= JSON.parse(data);
        var html = "";
        for(var i=0;i<company.length;i++){
            html=html+'<option value="'+company[i].id+'">'+company[i].name+'</option>';
        }
        $("#company4add").append(html);
    });

    $table.bootstrapTable({
        url : "/user/page",
        sidePagination : 'server',
        cache : false,// 设置False禁用AJAX请求的缓存
        height : '',
        striped : true,// 使表格带有条纹
        pagination : true,// 设置True在表格底部显示分页工具栏
        pageList : [ 10, 15, 20, 30, 50, 100 ],
        search : false,
        queryParams : queryParams,
        responseHandler: function (res) {
            return {
                "total": res.total,//总页数
                "rows": res.list   //数据
            };
        },
        showColumns : false,// 设置为True可显示表格显示/隐藏列表
        showRefresh : false,// 设置为True可显示刷新按钮
        minimumCountColumns : 1,// 表格显示/隐藏列表时可设置最小隐藏的列数
        clickToSelect : false,// 设置为True时点击行即可选中单选/复选框
        toolbar : '#custom-toolbar',
        columns : [

            {field : 'username',title : '用户名',align : 'center',width : 60,valign : 'middle'},
            {field : 'password',title : '密码',align : 'center',width : 20,valign : 'middle'},
            {field : 'role_name',title : '角色',align : 'center',width : 40,valign : 'middle'},
            {field : 'company_name',title : '隶属公司',align : 'center',width : 60,valign : 'middle'},
            {field : 'id',title : '操作',align : 'center',width : 80,valign : 'middle',
                formatter : function(value,row) {
                    return   "<a href='#addArea' data-toggle='modal' class=\"btn btn-info btn-xs\" onclick=\"edit('"+value+"','"+row.username+"','"+row.password+"','"+row.role_id+"','"+row.company_id+"')\"><i class=\"fa fa-pencil\"></i> 修改</a>"+
                        "<a href='javascript:void(0)' class=\"btn btn-danger btn-xs\" onclick=\"del('"+value+"')\"><i class=\"fa fa-trash-o\"></i> 删除</a>";
                }
            }
        ]
    });

    $("#btn_search").click(function(){
        $table.bootstrapTable('refreshOptions', {
            url: '/user/page',
            pageNumber:1
        });
    });

    $("#btn-area-save").on('click',function(){
        if(!$('#area_form').isValid()){
            return false;
        }
        $.ajax({
            url:'/user/save',
            data:$("#area_form").serialize(),
            type:"POST",
            async : false,
            success:function(data){//ajax返回的数据
                if(data){
                    $('#addArea').modal('hide');
                    $table.bootstrapTable('refresh', {
                        url: '/user/page',
                        pageNumber:1
                    });
                    success();
                }else{
                    error();
                }
            }
        });
    });
});

function queryParams(params) {
    var username = $('#search_name').val();
    var queryParam = {
        username : username,
        pageSize : params.limit,
        pageNumber : params.offset
    };
    return queryParam;
}


/*
 *标准删除按钮
 */
function del(id){
    warnConfirm("确定删除这个用户吗？",function (result) {
        if(result){
            $.ajax({
                type:'POST',
                url: '/user/delete/'+id,
                success: function(data){
                    if(data==1){
                        $table.bootstrapTable('refresh', {
                            url: '/user/page',
                            pageNumber:1
                        });
                        success();
                    }else{
                        error("删除失败！");
                    }
                }
            });
        }
    });

}

function edit(id,username,password,role_id,company_id) {
    $("#id4add").val(id);
    $("#username4add").val(username);
    $("#password4add").val(password);
    $("#role4add").val(role_id);
    $("#company4add").val(company_id);
    if($("#role4add").val()!=2){
        $("#client").hide();
    }
}


// function clearAddModal() {
//     $("#id4add").val("");
//     $("#name4add").val("");
//     $("#contact4add").val("");
//     $("#phone4add").val("");
//     $("#distpicker4add").distpicker('destroy');
//     $('#distpicker4add').distpicker({
//         autoSelect: false
//     });
//     // $("#province4add").val("");
//     // $("#city4add").val("");
//     // $("#distpicker4add").val("");
//     $("#address4add").val("");
// }
